<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>微信</title>
    <style>
     *{
        margin: 0px;
        padding: 0px;
        list-style: none;

    }
    .aa{
        height: 74px;
        background: url('111.jpg') repeat-x;
        background:rgb(44, 36, 36);
    }
    .aa1{
        height: 74px;
        width: 968px;
        margin: 0px auto;
        
    }
    .aa img{
        height: 42px;
        margin-top: 16px;
        
    }
    .aa1 h1{float: left;}
    .aa1 ul{float: right;}
    .aa1 li{float: left;}
    .aa1 li{
                margin-right: 14px;
                padding:9px;
                margin-top: 15px;
            }
    .aa1 li:hover{
            background: rgb(44, 7, 7);
            border-radius: 100px;
         }
    .aa1 a{
            font-size: 12px;
            text-decoration: none;
            color:rgba(255, 255, 255, 0.849);
         }
    .bb{
        height: 424px;
        background: #DDDCDA;
        border-bottom: 1px solid rgb(201,201,199);
    }
    .cc{
        width: 968px;
                height: 406px;
                background:rgb(255, 255, 255);
                margin:50px auto 32px;
    }
    .bb .bb1{
        width: 968px;
        margin: 0px auto;
    }
    .bb .left{float: left;}
    .bb .right{float: right;}
    .bb li{
        color: rgb(150, 150, 150);
        margin-top: 14px;
        font-size: 15px;
    }
    .bb h2{
        margin-top: 54px;
    }
    .bb img{margin-top: 26px;}
    .cc .cc1{float: left;}
    .cc .cc1 .cc2{width: 1;}
    .cc .cc3{float: right;}
    .cc .cc1 img{width: 630px;}
    .cc .cc1 li{width: 217px;
            float: left;}
    .cc1 ul p{margin-bottom: 9px;
              color: rgb(150, 150, 150);
              font-size: 14px; }
    .cc1 h5{margin-bottom: 9px;
            margin-top: 6px;}
    .cc1 a{text-decoration: none;
            color: rgb(45, 161, 45);}
    .cc3 li{width: 315px;
            font-size: 14px;
            color: rgb(45, 161, 45);
            margin-bottom: 12px;}
    .cc3 h5{margin-bottom: 9px;
            width: 315px;}
    i{color: red;}
    span{color: rgb(150, 150, 150);
         margin-left: 9px;
         font-size: 13px;
         float: right;}
    .cc3 a{color: rgb(45, 161, 45);
        text-decoration: none;}
    .dd{
        width: 968px;
        height: 50px;
        background: rgb(117, 115, 115);
        margin:0px auto;
        border-bottom: 1px solid rgb(201,201,199);}
    .dd .dd1 a{color: rgb(150, 150, 150);
          text-decoration: none;
          font-size: 13px;
          float: left; }
    .dd .dd1 p{
        float: left;
        color: rgb(150,150,150);
        margin-left: 5px;
        font-size: 13px;
        margin-right: 5px;
    }
    .dd .dd2 a{color: rgb(150,150,150);
               text-decoration: none;
               font-size: 13px;
               float: right;
    }
    .dd .dd2 p{
        float: right;
        color: rgb(150,150,150);
        margin-left: 5px;
        font-size: 13px;
        margin-right: 5px;
    }
    .dd p{color: rgb(150,150,150);
         font-size: 13px;
    }
    </style>
</head>
<body>
        <div class="aa">
                <div class="aa1">
                    <h1>
                        <a href="">
                            <img src="4.png" alt="">
                        </a>
                    </h1>
                    <ul>
                        <li>
                            <a href="">微信网页版</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">表情开放平台</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">企业微信</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">微信广告</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">微信支付</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">开放平台</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">公众平台</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">帮助与反馈</a>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <a href="">首页</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bb">
                <div class="bb1">
                    <div class="left">
                        <h2>微信 ，是一个生活方式</h2>
                        <ul>
                            <li>超过十亿人使用的手机应用</li>
                            <li>支持发送语音短信丶视频丶图片和文字</li>
                            <li>可以群聊，仅此少量流量，适合大部分智能手机</li>
                            <img src="3.png" alt="">
                        </ul>
                    </div>
                            <img src="1.png" alt="" class="right">
                </div>
            </div>
            <div class="cc">
                <div class="cc1">
                    <img src="5.png" alt="">
                    <ul>
                        <li>
                            <h5>微信网页版</h5>
                            <p>扫一扫二维码</p>
                            <p>就能在浏览器上使用微信</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <h5>微信 Mac版</h5>
                            <p>极致简洁，迅捷沟通</p>
                            <a href="">了解更多</a>
                        </li>
                        <li class="cc2">
                            <h5>微信 Windows版</h5>
                            <p>让沟通更方便</p>
                            <a href="">了解更多</a>
                        </li>
                    </ul>
                </div>
                <div class="cc3">
                    <h5>最新消息</h5>
                    <ul>
                        <li>微信 8.0.2 for Android 正式版发布<i>(new)</i> <span>03-25</span></li>
                        <li>微信 3.2.1 for Windows 正式版发布<i>(new)</i><span>03-22</span></li>
                        <li>微信 8.0.2 for iOS 正式版发布<i>(new)</i><span>02-02</span></li>
                        <li>微信 2.6.1 for Mac 正式版发布<i>(new)</i><span>01-20</span></li>
                        <li>关于部分 iOS 9 用户无法更新微信<i>(new)</i><span>01-28</span></li>
                        <li>微信外部链接内容管理规范<span>02-11</span></li>
                        <li>微信网页版 2.1 版本发布<span>01-17</span></li>
                        <li>微信表情开放平台上线<span>07-29</span></li>
                        <li>官方辟谣公众号开通<span>10-28</span></li>
                        <a href="">查看更多</a>
        
        
                    </ul>
                </div>
            </div>
            <div class="dd">
                <div class="dd1">
                    <a href="">关于腾讯</a>
                    <p>|</p>
                    <a href="">服务条款</a>
                    <p>|</p>
                    <a href="">使用规范</a>
                    <p>|</p>
                    <a href="">客服中心</a>
                    <p>|</p>
                    <a href="">隐私保护指引</a>
                </div>
                <div class="dd2">
                    <a href="">简体中文</a>
                    <p>|</p>
                    <a href="">繁體中文</a>
                    <p>|</p>
                    <a href="">English</a>
                </div>
                <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
            </div>
</body>
</html>